import { Button, DatePicker, Form, Input } from 'antd';
import styles from './index.module.less';

export default function SearchWrapper() {
  const { RangePicker } = DatePicker;
  const dateFormat = 'YYYY-MM-DD';

  const handleSubmit = (values: any) => {
    console.log(values);
  };
  return (
    <div className={styles.wrapper}>
      <Form onFinish={handleSubmit} layout={'inline'}>
        <Form.Item name="khname" label="客户名称">
          <Input placeholder="请输入客户名称" />
        </Form.Item>
        <Form.Item name="startTime" label={'时间'}>
          <RangePicker format={dateFormat} />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            查询
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
}
